<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="../javascript/plug-ins/layui/css/layui.css" media="all"/>
    <link rel="stylesheet" href="../css/style.css"/>
    <script src="../javascript/jquery.js"></script>
    <script src="../javascript/plug-ins/echarts.min.js"></script>
    <script type="text/javascript" src="../javascript/plug-ins/layui/layui.js"></script>
    <script type="text/javascript" src="../javascript/plug-ins/pagination.js"></script>
    <script src="menber.js?v=1.31"></script>
    <script src="../js/zyrfunction.js?v=1"></script>
    <script src="../js/zyrpublic.js?v=2"></script>

    <style>
        .data .box-child {
            height: 80px;
            margin-top: 10px;
        }

        .data .box-child div {
            height: 70px;
        }

        .data .width40 {
            line-height: 60px;
            font-size: 18px !important;
            letter-spacing: 1px !important;
        }

        .data .width50 {
            line-height: 60px;
            font-size: 23px !important;
        }
    </style>

</head>
<body>

<div class="page-wrap">

    <div class="panel panel-default">

        <div class="flex flex-wrap flex-col-4 data">

            <div class="box-child">
                <div class="width40 btn btn-info float_left"><span>总成交金额</span></div>
                <div class="width50 btn btn-primary" id="allSumMoney">元</div>
            </div>
            <div class="box-child">
                <div class="width40 btn btn-warning float_left"><span>总成交订单</span></div>
                <div class="width50 btn btn-danger" id="allCountNum">笔</div>
            </div>
            <div class="box-child">
                <div class="width40 btn btn-info float_left"><span>当日成交金额</span></div>
                <div class="width50 btn btn-primary" id="todaySumMoney">元</div>
            </div>
            <div class="box-child">
                <div class="width40 btn btn-warning float_left"><span>当日成交订单</span></div>
                <div class="width50 btn btn-danger" id="todayCountNum">笔</div>
            </div>
        </div>



        <div class="flex flex-wrap">
            <div class="box-child width60">
                <table class="table table-bordered OrderStateTable"></table>

                <div class="border_gray">

                    <div id="countInfo" style="height:400px"></div><!--统计图--->

                </div>


            </div><!--box-child--->


            <div class="box-child width38 margin_left2b">


                <table class="table table-bordered text-center">
                    <thead>
                    <tr>
                        <th colspan="3" class="text-left">商品排行榜</th>
                    </tr>
                    </thead>
                    <tbody id="ProductTable"></tbody>


                </table>
            </div><!--box-child--->

        </div><!--flex--->
        <div class="flex flex-wrap">
            <table class="table table-bordered text-center LoginRecord"></table>
        </div><!--flex--->

    </div><!--panel----->


</div><!---page-wrap------>


</body>

</html>
